html.js .js-hide {
  display: none;
}
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}
.am-topbar {
  background: none;
  margin-bottom: 0;
}
.am-topbar .ajax-progress-throbber {
  display: none;
}
.am-topbar-nav a:hover:after {
  display: none;
}
/**
 * CTools Modal
 */
#modalBackdrop.backdrop-amaze {
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
#modalContent .ctools-modal-loading {
  text-align: center;
}
#modalContent .modal-border {
  padding: 10px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
}
.am-modal-hd .am-close {
  top: 10px;
  right: 10px;
}
/**
 * Rate
 */
.rate-thumbs-up-btn-up {
  display: inline-block;
  height: 24px;
}
/**
 * Slick Slider
 */
.slick-slide img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
/**
 * Devel Krumo
 */
.krumo-call code {
  white-space: pre-wrap;
}
html {
  height: 100%;
}
body {
  background-color: #ddd;
  height: 100%;
}
.am-topbar {
  background-color: #fff;
}
#logo {
  line-height: 50px;
}
#logo img {
  width: 30px;
}
.am-footer {
  margin-top: 40px;
  background-color: #888;
}
.user-picture img {
  border-radius: 50%;
}
.ad-banner {
  margin: 10px 0;
}
.pane-title {
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
}
/**
 * Form elements
 */
.form-text.error {
  border-color: #DD514C !important;
}
span.error {
  font-size: 1.2rem;
  color: #DD514C;
}
#content-middle {
  margin: 30px 0;
  padding: 10px 0;
}
#content-middle img {
  max-width: 100%;
  height: auto;
}
.front-top-links {
  margin: 20px -25px;
}
.front-top-links li {
  padding: 0 25px;
}
.front-top-links li img {
  max-width: 100%;
  height: auto;
}
/**
 * Topics & Talks
 */
.page-talks #sidebar-first {
  padding-right: 3rem;
  margin-top: 80px;
}
.page-talks #main {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 80px;
  background-color: #fff;
}
#block-views-topic-aside-block .block-title {
  position: absolute;
  top: -40px;
  left: 20px;
}
.fl-topics {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}
.fl-topics li {
  padding: 10px 20px;
  border-bottom: 1px #ccc dashed;
  font-size: 1.4rem;
}
.fl-topics li:hover {
  background-color: #eee;
}
.fl-topics li a {
  color: #666;
}
.fl-topics li .counts {
  color: #999;
}
.fl-topics li .mark-count {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #ccc;
}
.view-girl .block-topic .block-title,
.view-girl .block-paid .block-title {
  margin-bottom: 0;
  padding: 5px 10px;
  border-top: 10px solid #333;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
}
.view-talks .view-filters {
  position: absolute;
  top: -40px;
  left: 5px;
}
.view-talks .create-talk {
  position: absolute;
  top: -40px;
  right: 5px;
}
.view-talks .create-talk a {
  padding: 5px 15px;
  background-color: #f30;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 1em;
}
.view-talks .create-talk a:hover {
  background-color: #f60;
}
.view-talks .views-widget-sort-by {
  padding: 0;
  margin: 0;
}
.view-talks .views-widget-sort-by label {
  display: none;
}
.view-talks .form-type-bef-link {
  float: left;
  margin-right: 20px;
}
.view-talks .form-type-bef-link a {
  padding: 5px 15px;
  background-color: #666;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 1em;
}
.view-talks .form-type-bef-link a:hover {
  background-color: #999;
}
.view-talks .form-type-bef-link a.active {
  background-color: #f30;
}
.view-talks .view-content {
  padding-top: 30px;
}
.node-talk {
  position: relative;
  padding-left: 110px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
.node-talk .comments {
  display: none;
  margin-left: -95px;
  margin-top: 10px;
  border-top: 1px dashed #eee;
}
.node-talk .avatar {
  position: absolute;
  left: 0;
  width: 85px;
  height: 85px;
}
.node-talk .avatar img {
  max-width: 100%;
  height: auto;
}
.node-talk .topic a {
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 10px;
  background-color: #999;
  border-radius: 1em;
  color: #fff;
  font-size: 14px;
  line-height: 1em;
}
.node-talk .meta {
  position: relative;
}
.node-talk .subject {
  margin-bottom: 8px;
}
.node-talk .submitted {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}
.node-talk .mark-count {
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 14px;
}
.node-talk .content {
  color: #666;
}
.node-talk .actions > * {
  display: inline;
  font-size: 14px;
  margin-right: 8px;
}
/*.comment {
  position: relative;
  padding-left: 90px;

  .avatar {
    width: 60px;
    height: 60px;
  }
}*/
.comment-form {
  position: relative;
  margin: 10px 0;
}
.comment-form .form-type-textarea {
  margin: 0;
}
.comment-form .form-type-textarea label {
  display: none;
}
.comment-form .form-actions {
  margin: 0;
  background-color: #eee;
  border-top: 1px solid #ccc;
  text-align: right;
}
.comment-form .form-actions .am-btn {
  padding: 5px 15px;
  font-size: 80%;
}
.comment-form textarea {
  height: 75px;
  resize: none;
  border: none;
}
.comment-form textarea:focus {
  box-shadow: none;
}
.comment-form .am-form-help,
.comment-form .grippie {
  display: none;
}
.comment-form .am-comment-main:after {
  border-right-color: #fff;
}
/**
 * Girl
 */
.node-girl.full {
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px dashed #ccc;
  position: relative;
}
.node-girl.full .photo {
  width: 240px;
  height: 240px;
  margin-right: 20px;
  overflow: hidden;
}
.node-girl.full .photo img {
  max-width: 100%;
  height: auto;
}
.node-girl.full .name {
  font-size: 28px;
  line-height: 1em;
  color: #E21B3C;
}
.node-girl.full .desc {
  color: #666;
}
.node-girl.full .purchase {
  margin-top: 20px;
}
.node-girl.full .purchase .qty {
  padding: 8px 0;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-width: 1px 0;
}
.node-girl.full .purchase .qty .edit-qty {
  margin-left: 8px;
  width: 60px;
  text-align: center;
}
.node-girl.full .purchase .actions {
  position: absolute;
  bottom: 20px;
}
.node-girl.full .purchase #pkg-detail {
  margin-right: 10px;
}
.node-girl.full .rate-widget-thumbs_up {
  font-size: 150%;
  padding: 0px 10px;
  border: 2px solid #dd514c;
  color: #dd514c;
}
.node-girl.full .rate-thumbs-up-btn-up {
  background: none;
}
.node-girl.full .rate-thumbs-up-btn-up .am-icon-heart {
  text-indent: 0;
  position: absolute;
  left: 10px;
  top: 0;
  color: #dd514c;
}
.pane-views.pane-girl {
  padding: 40px 20px ;
  background-color: #fff;
}
.pane-views.pane-girl .pane-title {
  text-align: center;
}
ul.girls {
  margin: 0 -10px;
}
ul.girls li {
  padding: 10px;
}
ul.girls img {
  max-width: 100%;
  height: auto;
  display: block;
}
ul.girls .photo {
  position: relative;
  height: 0;
  padding-bottom: 120%;
  overflow: hidden;
}
ul.girls .links {
  display: none;
  width: 100%;
  padding: 5px 10px;
  line-height: 1em;
  position: absolute;
  bottom: 0;
  background-color: rgba(60, 60, 60, 0.5);
  text-align: center;
}
ul.girls .links a {
  padding: 5px 8px;
  margin: 0 5px;
  background-color: #fff;
  color: #333;
  border: 1px solid #333;
}
ul.girls .links a:hover {
  color: #fff;
  background-color: #333;
}
ul.girls .info {
  padding: 8px;
  background-color: #fff;
  position: relative;
}
ul.girls .info .name {
  display: block;
  font-size: 14px;
}
ul.girls .info .name i {
  font-style: normal;
  color: #999;
}
ul.girls .counts {
  margin-top: 5px;
  font-size: 12px;
}
ul.girls .counts span {
  margin-right: 5px;
}
ul.girls .counts i {
  color: #f60;
}
ul.girls .sns-links {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(0px);
  transition: all 0.3s 0s ease-out;
}
ul.girls .sns-links a {
  margin-left: 5px;
}
ul.girls .share:hover .sns-links {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(5px);
}
ul.girls .guard {
  float: right;
}
ul.girls .guard .user {
  font-size: 10px;
  text-align: center;
  background-color: #fff;
  padding: 1px 5px;
}
ul.girls .guard img {
  width: 40px;
  height: 40px;
  margin: 0 auto -10px;
  border: 2px solid #fff;
}
.node-join h1,
.node-join h2,
.node-join h3,
.node-join h4,
.node-join h5,
.node-join strong {
  color: #dd514c;
}
.girl-photo-grid > ul {
  margin: 0 -1px;
}
.girl-photo-grid .mask {
  margin: 1px;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.girl-work-grid .title {
  text-align: center;
  display: block;
  padding: 10px;
  background-color: #bbb;
  margin-bottom: 10px;
  color: #eee;
}
.girl-work-grid > ul {
  margin: 0 -5px;
}
.girl-work-grid .mask {
  margin: 5px;
}
/**
 * Guess
 */
.page-node.node-type-guess {
  background-color: #6D123E;
}
.page-node.node-type-guess .am-topbar {
  background: none;
  border: none;
}
.page-node.node-type-guess .am-topbar-nav a {
  color: #fff;
}
.page-node.node-type-guess .am-topbar-nav a:hover {
  background: none;
  color: #aaa;
}
.node-guess.node-teaser .photo {
  position: relative;
  height: 0;
  padding-bottom: 66.7%;
  overflow: hidden;
}
.node-guess.node-teaser .photo img {
  max-width: 100%;
  height: auto;
}
.node-guess.node-full .title {
  padding: 15px 15px 0;
}
.node-guess.node-full .media img {
  width: 100%;
  height: auto;
}
.node-guess.node-full .guess-result,
.node-guess.node-full .guess-login-hint {
  padding: 20px;
  background-color: #914C6D;
}
.node-guess.node-full .guess-form {
  background-color: #741F49;
  color: #fff;
}
.node-guess.node-full .guess-form .am-radio {
  display: inline-block;
}
.node-guess.node-full .guess-form .am-radio + .am-radio {
  margin-top: 0.4em;
}
.node-guess.node-full .form-item-choice {
  padding: 0 20px;
}
.node-guess.node-full .betting {
  background-color: #914C6D;
  padding: 10px;
  text-align: justify;
}
.node-guess.node-full .betting .guess-user {
  display: inline-block;
  width: 70%;
}
.node-guess.node-full .betting .user-picture {
  float: left;
  width: 50px;
  margin-right: 10px;
}
.node-guess.node-full .betting .guess-submit {
  display: inline-table;
  width: 30%;
}
.node-guess.node-full #edit-bet + .error {
  position: absolute;
  top: 30%;
  right: 100%;
  white-space: nowrap;
}
.node-guess.node-full .comments {
  padding: 20px;
  background-color: #eee;
}
ul.guess li {
  padding: 10px;
}
/**
 * Image set
 */
.node-imgset header {
  display: none;
}
.node-imgset .content {
  text-align: center;
}
.node-imgset .field-images {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #ccc;
}
.view-albums.view-display-id-block_latest {
  margin: 0 -10px;
}
.view-albums.view-display-id-block_latest .field-images {
  padding: 10px;
  overflow: hidden;
}
/**
 * Common
 */
.user-picture img {
  max-width: 100%;
  height: auto;
}
/**
 * user login/register/password page
 */
.page-user.not-logged-in .tabs.primary {
  display: none;
  visibility: hidden;
}
#user-register-form .am-form-label {
  padding-right: 0;
}
#user-register-form .csna-items {
  display: none;
}
.form-user-login .form-item:before,
.form-user-login .form-item:after {
  content: " ";
  display: table;
}
.form-user-login .form-item:after {
  clear: both;
}
.form-user-login .form-item label {
  float: left;
  width: 20%;
  padding: 0 10px;
  text-align: right;
}
.form-user-login .form-item .form-text {
  float: left;
  width: 40%;
}
.form-user-login .form-item span.error {
  float: left;
  padding: 0 10px;
}
.form-user-login .am-form-group-sm {
  line-height: 3rem;
}
.form-user-login .am-form-help {
  float: left;
  width: 100%;
  padding-left: 20%;
  text-align: left;
  line-height: 1;
}
.form-user-login .form-actions {
  padding-left: 20%;
}
.form-user-login .forgot-passwd {
  margin-left: 20px;
}
.form-user-login #third-parties-login {
  margin-top: 30px;
}
.form-user-login #third-parties-login .hd {
  font-size: 1.2rem;
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
}
.form-user-login .csna-items {
  display: none;
}
.modal-login #modal-title {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #999;
}
.modal-login .am-modal-bd {
  text-align: left;
}
.modal-login .messages.error {
  font-size: 1.4rem;
  padding: 5px;
  margin-top: -20px;
  margin-bottom: 10px;
  color: #DD514C;
}
.modal-login .reg {
  position: absolute;
  top: 35px;
  right: 20px;
  font-size: 1.2rem;
}
.modal-login .ajax-progress-throbber {
  display: none;
}
/**
 * User center
 */
.page-user .tabs-wrapper {
  display: none;
}
#user-profile .basic {
  overflow: hidden;
}
#user-profile .username {
  margin-top: 0;
}
#user-profile .user-picture {
  width: 150px;
  float: left;
  margin-right: 20px;
}
#user-profile .user-picture img {
  border-radius: 0;
}
#user-profile .userpoints-points {
  list-style: none;
}
#user-profile .userpoints-points em {
  font-style: normal;
}
#user-profile .profile-form {
  clear: both;
  overflow: hidden;
}
#user-profile-form fieldset {
  padding-left: 0;
}
#user-profile-form legend {
  margin-bottom: 0;
}
#user-profile-form .user-picture {
  margin-right: 20px;
  width: 100px;
  float: left;
}
#user-profile-form #edit-mail-desc {
  display: none;
}
.field-type-china-address label {
  display: none;
}
.field-type-china-address .form-item {
  margin: 0 10px 0 0;
}
.field-type-china-address .form-select {
  padding-right: 20px;
}
.page-goddess-show {
  background-color: #E31C3E;
}
.page-goddess-show .main-container {
  padding-top: 1.5rem;
  margin-top: 500px;
  background-color: #E31C3E;
}
.page-goddess-show .pane-2 {
  color: #fff;
}
.page-goddess-show .panel-separator {
  padding: 10px;
}
.page-goddess-show .pane-title {
  padding: 5px 10px 10px;
  color: #fff;
  border-color: #fff;
  background: transparent url(../images/event_goddess/title_bg.png) no-repeat;
}
.page-goddess-show #event-poster-bg {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1920px;
  z-index: -1;
}
.page-goddess-show ul.girls .photo img {
  border: 5px solid #fff;
}
.page-goddess-show ul.girls .number {
  padding: 5px 0;
  background-color: #f7afb3;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
}
.page-goddess-show ul.girls .name {
  margin-bottom: 10px;
}
.page-goddess-show ul.girls .votes {
  position: absolute;
  top: 8px;
  right: 10px;
}
.page-goddess-show ul.girls .votes em {
  font-style: normal;
  color: #f80;
}
.page-goddess-show ul.girls .share {
  position: absolute;
  bottom: 8px;
  right: 10px;
}
.page-goddess-show ul.girls .share a {
  display: block;
}
.page-goddess-show ul.girls .share a:before {
  display: inline-block;
  width: 30px;
  text-align: center;
}
.page-goddess-show ul.girls .share .btn {
  text-align: right;
}
.page-goddess-show ul.girls .media {
  padding: 10px;
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px solid #eee;
  display: none;
}
.page-goddess-show #video img {
  cursor: pointer;
}
